<!--!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html40/strict.dtd"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Welcome To Free Zone</title>
<link rel="stylesheet" type="text/css" href="./css/baranwal.css" />
</head>
<body>


<div id="topPanel1">
<a href="/">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="/profile">My Profile</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="{{ url }}">{{ url_linktext }}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

<div id="topPanel2">
<p><h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Welcome To Free Zone</h3></p>
</div>

<div id="leftPanel">

<p>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/{{ createProfileUrl }}">{{ createProfileLink  }}</a>

</div>


<!-- Main content box of page - acts as the "frame" in this design -->
<div id="contentsBox">
<p>
<p>


{% for person in myProfile %}
{% if forloop.first %}
<table>
<tr>
	<td>First Name : </td>
	<td>{{ person.firstName }}</td>
</tr>
<tr>
	<td>Last Name: </td>
	<td>{{ person.lastName }}</td>
</tr>
<tr>
	<td>Date of Birth : </td>
	<td>{{ person.birthDate }}</td>
</tr>
<tr>
	<td>Gender : </td>
	<td>{{ person.gender }}</td>
</tr>
<tr>
	<td>Marital Status : </td>
	<td>{{ person.maritalStatus }}</td>
</tr>
<tr>
	<td>Country : </td>
	<td>{{ person.country }}</td>
</tr>
<tr>
	<td>State : </td>
	<td>{{ person.state }}</td>
</tr>
<tr>
	<td>City : </td>
	<td>{{ person.city }}</td>
</tr>
<tr>
	<td>Pin : </td>
	<td>{{ person.pin }}</td>
</tr>

<tr>
	<td>Present Address: </td>
	<td>{{ person.presentAddress }}</td>
</tr>
<tr>
	<td>Permanent Address: </td>
	<td>{{ person.permanentAddress }}</td>
</tr>
<tr>
	<td>Email Address: </td>
	<td>{{ person.emailAddress }}</td>
</tr>
<tr>
	<td>Mobile Number : </td>
	<td>{{ person.mobileNumber }}</td>
</tr>
<tr>
	<td>Landline Number : </td>
	<td>{{ person.landlineNumber }}</td>
</tr>
<tr>
	<td>About  Yourself : </td>
	<td>{{ person.aboutYourself }}</td>
</tr>
<tr>
	<td>Ideal Match : </td>
	<td>{{ person.idealMatch }}</td>
</tr>
<tr>
	<td>Looking For : </td>
	<td>{{ person.lookingFor }}</td>
</tr>

</table>
{% endif %}
{% endfor %}
</div>

<div id="rightPanel">
<!-- ++Begin News Bar Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the actual newsbar.
  // You can place this anywhere on your page.
  -->
  <div id="newsBar-bar">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Ajax Search Api and Stylesheet
  // Note: If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-nbw"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>

  <!-- News Bar Code and Stylesheet -->
  <script type="text/javascript">
    window._uds_nbw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/newsbar/gsnewsbar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/newsbar/gsnewsbar.css");
  </style>

  <script type="text/javascript">
    function LoadNewsBar() {
      var newsBar;
      var options = {
        largeResultSet : false,
        title : "In the news",
        horizontal : false,
        autoExecuteList : {
          executeList : ["science", "engineering", "technology", "India"]
        }
      }

      newsBar = new GSnewsBar(document.getElementById("newsBar-bar"), options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadNewsBar);
  </script>
<!-- ++End News Bar Wizard Generated Code++ -->

</div>


</body>

 </html>